.wallpaper {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;

    > .cover {
        height: 100vh;
        background-color: #00000040;
    }

    > .wrap {
        display: flex;
        align-items: center;
        justify-content: space-around;

        @media only screen and (min-width: 1024px) {
            & {
                padding: 2rem;
            }
        }

        @media only screen and (min-width: 1200px) {
            & {
                padding: 6rem;
            }
        }

        > .band {
            .title {
                text-transform: uppercase;
                font-size: 1rem;
                color: #fff;
                margin-bottom: 0;
            }

            span {
                display: block;
                font-size: 0.475rem;
                text-transform: uppercase;
                font-weight: 300;
            }
        }
    }

    .spin__no__blur {
        :global(.ant-spin-blur) {
            opacity: 1 !important;
        }
    }

    h1 {
        margin-bottom: 0;
        font-size: 0.9rem;
    }
}

.slick__wrap {
    transform: scale(0);
    opacity: 0;
    transition: all 0.3s ease;
}

:global(.slick-active.slick-current) {
    .slick__wrap {
        transform: scale(1);
        opacity: 1;
    }
}
